<!--
 * @Author: your name
 * @Date: 2020-10-30 17:50:35
 * @LastEditTime: 2021-02-22 10:48:35
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \radio-web\src\components\common\tagButton.vue
-->
<template>
  <div class="outer">
    <!-- <el-tag
      :disable-transitions="true"
      :class="size"
      :type="type"
      :effect="effect"
      :closable="closable"
      :size="selfSize"
      class="hovertype"
      @click="onClick"
    >
      {{ name }}
    </el-tag> -->
    <el-button type="text" @click="onClick">{{ name }}</el-button>
  </div>
</template>

<script>

export default {
  name: 'TagButton',
  props: {
    name: {
      type: String,
      default: ''
    },
    size: {
      type: String,
      default: 'normal'
    },
    effect: {
      type: String,
      default: 'light'
    },
    type: {
      type: String,
      default: ''
    },
    closable: {
      type: Boolean,
      default: false
    },
    selfSize: {
      type: String,
      default: 'medium'
    }

  },
  methods: {
    onClick() {
      if (!this.disabled) {
        this.$emit('click')
      }
    }
  }
}
</script>

<style lang="scss" scoped>
   .outer{
    text-align: center;
    display: inline-block;
    .big{
      font-size: 14px;
      display: inline-block;
    }
    .normal{
      font-size: 12px;
      display: inline-block;
    }
    ::v-deep .el-button{
      color:$base-color-default;
    }
  }
</style>
